@charset "UTF-8";
body {
    margin: 0 5px;
    padding: 0 5px;
}

.b {
    border: 1px solid red;
}

.fs-12 {
    font-size: 12px !important;
}

.fs-14 {
    font-size: 14px !important;
}

.fs-16 {
    font-size: 16px !important;
}

.fs-18 {
    font-size: 18px !important;
}

.fs-20 {
    font-size: 20px !important;
}

.fw-b {
    font-weight: bold;
}

.header {
    padding-bottom: 9px;
    padding-left: 15px;
    margin: 15px 0 15px;
    font-size: 15px;
    font-weight: 500;
    border-bottom: 1px solid #eee
}

.mr-5 {
    margin-right: 5px !important;
}

.mr-20 {
    margin-right: 20px !important;
}

.mr-30 {
    margin-right: 30px !important;
}


.mb-8 {
    margin-bottom: 8px !important;
}

.mb-15 {
    margin-bottom: 15px !important;
}

.mt-8 {
    margin-top: 8px !important;
}

.mt-10 {
    margin-top: 10px !important;
}

.mt-12 {
    margin-top: 12px !important;
}

.mt-15 {
    margin-top: 15px !important;
}

.clear {
    clear: both;
}

.mt-20 {
    margin-top: 20px !important;
}

.mt-30 {
    margin-top: 30px !important;
}

.mt-40 {
    margin-top: 40px !important;
}

.mt-50 {
    margin-top: 50px !important;
}

.mt-55 {
    margin-top: 55px !important;
}

.ml-5 {
    margin-left: 5px !important;
}

.ml-8 {
    margin-left: 8px !important;
}

.ml-10 {
    margin-left: 10px !important;
}

.ml-15 {
    margin-left: 15px !important;
}

.ml-20 {
    margin-left: 20px !important;
}

.ml-30 {
    margin-left: 30px !important;
}

.m-0 {
    margin: 0 !important;
}

.m-15 {
    margin: 15px !important;
}

.m-20 {
    margin: 20px !important;
}

.mlt-20 {
    margin-top: 20px;
    margin-left: 20px;
}

.p-0 {
    padding: 0 !important;
}

.p-10 {
    padding: 10px !important;
}

.p-15 {
    padding: 15px !important;
}

.p-20 {
    padding: 20px !important;
}

.p-30 {
    padding: 30px !important;
}

.pl-5 {
    padding-left: 5px !important;
}

.pl-10 {
    padding-left: 10px !important;
}

.pl-15 {
    padding-left: 15px !important;
}

.pl-20 {
    padding-left: 20px !important;
}

.pl-30 {
    padding-left: 30px !important;
}

.pr-10 {
    padding-right: 10px;
}

.pr-20 {
    padding-right: 20px;
}

.pr-30 {
    padding-right: 30px;
}

.pt-3 {
    padding-top: 3px !important;
}

.pt-5 {
    padding-top: 5px !important;
}

.pt-10 {
    padding-top: 10px !important;
}

.pt-15 {
    padding-top: 15px !important;
}

.pt-20 {
    padding-top: 20px !important;
}

.ptb-20 {
    padding: 20px 0 !important;
}

.plr-10 {
    padding: 0 10px !important;
}

.plr-15 {
    padding: 0 15px !important;
}

.plr-20 {
    padding: 0 20px !important;
}

.plr-25 {
    padding: 0 25px !important;
}


.plr-30 {
    padding: 0 30px !important;
}

.require {
    color: red;
    margin-left: 3px;
    position: relative;
    top: 3px;
}

.text-common {
    color: #409EFF;
}

.text-red {
    color: red;
}

.vh {
    visibility: hidden;
}

.w-25 {
    width: 25% !important;
}

.w-50 {
    width: 50% !important;
}

.w-60 {
    width: 60% !important;
}

.w-75 {
    width: 75% !important;
}

.w-90 {
    width: 90% !important;
}

.w-100 {
    width: 100% !important;
}

.disabled-style {
    background-color: #F5F7FA;
    border-color: #E4E7ED;
    color: #C0C4CC;
    cursor: not-allowed;
    font-size: 14px;
}

.content-center {
    margin: auto !important;
}

.content-center-80 {
    width: 80%;
    margin: auto !important;
}

.bg-white {
    background-color: white !important;
}

.overflow-h {
    overflow: hidden;
}

/**************输入框组**************/
.input-group-container {
    position: relative;
    display: table;
    border-collapse: separate;
}

.input-prepend {
    background-color: #f5f7fa;
    color: #909399;
    display: table-cell;
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
    padding: 0 19px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    border-width: 1px 0 1px 1px;
    border-style: solid;
    border-color: #DCDFE6;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.input-group-container .el-textarea__inner {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.input-group-container .el-input__inner {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.input-style-medium {
    border: 1px solid #DCDFE6;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    max-width: 100%;
    height: 36px;
    line-height: 36px;
    padding-left: 18px;
}


/************element-ui样式修改************/
[v-cloak] {
    display: none;
}

/*隐藏日期插件的底部*/
.layui-laydate-footer {
    display: none;
}

.el-page-header {
    background-color: #fff;
    width: 100%;
    position: fixed;
    z-index: 99;
    top: 0;
    padding: 10px 0;
}

.el-input.is-disabled .el-input__inner {
    color: #666666;
}

.el-textarea.is-disabled .el-textarea__inner {
    color: #666666;
}

.close-btn {
    position: fixed;
    right: 15px;
    top: 12px;
    z-index: 100;
    font-size: 18px;
    cursor: pointer;
}

/*!*不显示html默认的上传按钮*!*/
/*.el-upload__input {*/
/*    display: none !important;*/
/*}*/

/*!*不显示element-ui默认的上传列表*!*/
/*.el-upload-list {*/
/*    display: none !important;*/
/*}*/

/*表格样式*/
.el-table th > .cell {
    text-align: center;
}

.el-table td > .cell {
    text-align: center;
}

.el-table--small td {
    padding: 5px 0;
}

.el-table--small th {
    padding: 8px 0;
}

.el-table--mini td {
    padding: 2px 0;
}

.el-table--mini th {
    padding: 5px 0;
}

.el-table__expanded-cell[class*=cell] {
    padding: 0 0 0 100px;
}

.input-with-select .el-input-group__prepend {
    background-color: #fff;
}

.el-input--medium .el-input__inner {
    height: 35.5px !important;
}

/*对话框样式*/
.el-dialog__title {
    font-size: 16px;
}

.el-dialog__header {
    padding: 10px;
    border-bottom: 1px solid #d2d2d2;
}

.el-dialog__headerbtn {
    position: absolute;
    top: 12px;
    right: 12px;
}

.el-dialog__footer {
    padding: 10px 15px 15px;
    text-align: right;
}

.el-dialog__body {
    padding-bottom: 0px;
}

/*bootstrap3 样式*/
.pull-right {
    float: right;
}

.pull-left {
    float: left;
}

.hide {
    display: none;
}

.show {
    display: block;
}

.text-hide {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-center {
    text-align: center;
}

.text-justify {
    text-align: justify;
}

.text-nowrap {
    white-space: nowrap;
}

.text-lowercase {
    text-transform: lowercase;
}

.text-uppercase {
    text-transform: uppercase;
}

.text-capitalize {
    text-transform: capitalize;
}

.text-muted {
    color: #777777;
}

.text-primary {
    color: #337ab7;
}

a.text-primary:hover,
a.text-primary:focus {
    color: #286090;
}

.text-success {
    color: #3c763d;
}

a.text-success:hover,
a.text-success:focus {
    color: #2b542c;
}

.text-info {
    color: #31708f;
}

a.text-info:hover,
a.text-info:focus {
    color: #245269;
}

.text-warning {
    color: #8a6d3b;
}

a.text-warning:hover,
a.text-warning:focus {
    color: #66512c;
}

.text-danger {
    color: #a94442;
}

a.text-danger:hover,
a.text-danger:focus {
    color: #843534;
}

.bg-primary {
    color: #fff;
    background-color: #337ab7;
}

a.bg-primary:hover,
a.bg-primary:focus {
    background-color: #286090;
}

.bg-success {
    background-color: #dff0d8;
}

a.bg-success:hover,
a.bg-success:focus {
    background-color: #c1e2b3;
}

.bg-info {
    background-color: #d9edf7;
}

a.bg-info:hover,
a.bg-info:focus {
    background-color: #afd9ee;
}

.bg-warning {
    background-color: #fcf8e3;
}

a.bg-warning:hover,
a.bg-warning:focus {
    background-color: #f7ecb5;
}

.bg-danger {
    background-color: #f2dede;
}

a.bg-danger:hover,
a.bg-danger:focus {
    background-color: #e4b9b9;
}




